<!doctype html>
<html><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
<meta name="keywords" content="carousel, jquery, responsive, fluid, elastic, resize, thumbnail, slider" />
<meta name="author" content="Codrops" />
<title>微评说客</title>
<link rel="stylesheet" type="text/css" href="style/public.css">
<link rel="stylesheet" type="text/css" href="style/style.css">
<link rel="stylesheet" type="text/css" href="style/font-awesome.css">
<script src="jquery/jquery-1.7.2.min.js"></script>
<script src="jquery/tab.js"></script>
<script type="text/javascript">

var index=0;

$(document).ready(function(e) {
    lo();
});

function lo(){
	$("#bus4").click(function(){
		$("#tex").css("font-size","1rem");
	});
	$("#bus3").click(function(){
		$("#tex").css("font-size","0.8rem");
	});
	$("#button").click(function(){
		var template='<p class="mk" id="prifx_{{index}}"><span>题目1</span><a href="Post-content.html" class="b1">编辑</a><a href="javascript:remove({{index}})" class="b2">删除</a></p>';
		$("#mk2").append(template.replace(/{{index}}/g,index++));
	});
}
function remove(id){
	index--;
	$("#prifx_"+id).remove();
}	

</script>
<style>
	html,body{ background:#f2f2f2;}
</style>
</head>

<body>
<header class="index-header">
	<h1>发布</h1>
    <a href="#" class="icon-circle-arrow-left kl"></a>
    <input type="button" value="发布" class="header-button">
</header>

<section class="table">
	<div class="table-title tab_title">
    	<ul>
    		<li class="current">新帖发布</li>
    		<li>问卷发布</li>
            <div class="clears"></div>
    	</ul>
    </div>
    <div class="table-nr tab_nr">
    	<div class="table-block nk tab_block">
        	<p><select name="" id=""><option>请选择分类</option></select><span class="icon-caret-down"></span></p>
            <p><input type="text" placeholder="文章标题"></p>
            <p style="margin-bottom:0px;"><textarea id="tex" placeholder="输入文章内容...." style="border-bottom-left-radius:0px; border-bottom-right-radius:0px;"></textarea></p>
            <div class="buttonsa">
            	<strong id="bus1"><img src="images/table-block-img1.gif" alt=""><input type="file"></strong>
                <strong id="bus2"><img src="images/table-block-img2.gif" alt=""><input type="file"></strong>
                <strong id="bus3"><img src="images/table-block-img3.gif" alt=""></strong>
                <strong id="bus4"><img src="images/table-block-img4.gif" alt=""></strong>
            </div>
        </div>
    	<div class="table-block tab_block" style="display:none">
        	<p><input type="text" placeholder="请输入问卷名称"></p>
        	<p class="mk2" id="mk2"><textarea placeholder="请输入问卷说明"></textarea></p>
        	<p><input type="button" value="+添加新题" class="nuy" id="button"></p>
        </div>
    </div>
</section>
<div class="hh"></div>
<nav>
	<ul>
		<li>
        	<a href="index.html" class="n1">
				<p></p>
				<span>首页</span>
			</a>
        </li>
		<li>
        	<a href="The-questionnaire.html" class="n2">
				<p></p>
				<span>问卷</span>
			</a>
        </li>
		<li>
        	<a href="Post.html" class="n3">
				<p class="current"></p>
				<span class="current">发布</span>
			</a>
        </li>
		<li>
        	<a href="mine.html" class="n4">
				<p></p>
				<span>我的</span>
			</a>
        </li>
	</ul>
</nav>
</body>
</html>
